export const metadata = {
  title: 'Black White Blobs',
  description:
    'An interactive React component that adds a dynamic bubble effect, visually tracking cursor movement in real time.',
};

<ComponentCodePreview name='black-white-blobs' type="separate" />

## Props

| Prop             | Type       | Default      | Description                                                  |
| ---------------- | ---------- | ------------ | ------------------------------------------------------------ |
| `backgroundColor`| `string`   | `'#F0EEE6'`  | Background color of the canvas.                              |
| `textColor`      | `string`   | `'#333'`     | Color of the text or visual elements drawn on the canvas.    |
| `animationSpeed` | `number`   | `undefined`  | Speed of the blob animation. *(Can be customized if passed.)* |
